import React, { Component } from 'react';
import { Link, useNavigate } from 'react-router-dom' //路由

// class FormInput extends Component {
//     state = {
//         username:'',
//         pass:''
//     }
//     changeInput=(e)=>{
//         this.setState({
//             username:e.target.value
//         })
//     }

//     render() {
//         return (<>
//             <div className="loginBox">
//                 <div className='title'><h2>登录</h2></div>
//                 <div className='inputBox'>
//                     <input type="text"  value={this.state.username}  onChange={this.changeInput}/>
//                     <input type="current-password" />
//                     <div>
//                         <Link to='/Home'>
//                             <button >登录</button>
//                         </Link>
//                     </div>
//                 </div>
//             </div>
//         </>);
//     }
// }
const FormInput = () => {//函数式
    const navigate = useNavigate()
    function loginTo() {
        navigate('/Index')
    }
    return (
        <div className="loginBox">
            <div className='title'><h2>登录</h2></div>
            <div className='inputBox'>
                <input type="text" />
                <input type="current-password" />
                <button onClick={loginTo}>登录</button>
            </div>
        </div>
    )
}

export default FormInput;